<!doctype html>
<html>
<head>
<base href="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="../../res/css/list.css">

<script type="text/javascript"
	src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="../../res/js/base.js"></script>
<script type="text/javascript" src="js/flower.js"></script>

<title>显示列表</title>

</head>
<body>
	<form id="queryForm">
		<ul>
			<li><input type="hidden" name="curPage" id="curPage"></li>
			<li><input type="text" name="flName" placeholder="请输入鲜花名称模糊查询"></li>
			<li><input type="date" name="flDateStart" placeholder="请输入开始日期"></li>
			<li><input type="date" name="flDateEnd" placeholder="请输入结束日期"></li>
			<li><button type="button" id="query" class="btn btn-success">查询</button></li>
		</ul>

	</form>


	<table
		class="table table-striped table-bordered table-hover table-condensed">
		<caption>
			<button type="button" class="btn btn-primary" onclick="showForm();">增加</button>
		</caption>
		<thead>
			<th>鲜花类型</th>
			<th>鲜花</th>
			<th>价格</th>
			<th>数量</th>
			<th>日期</th>
			<th>操作</th>
		</thead>
		<tbody id="tb">

		</tbody>
	</table>
	<ul class="pagination">
		
	</ul>
	<!-- 表单层 -->
	<div id="formMain" style="display: none;width: 1000px;height:700px;background: #cccccc;   position: absolute;top:1px;left:1px;">
	<span style="font-size: 80px;cursor: pointer;" onclick="formHidden()">X</span>
	<div id="myform" style="width: 50%;background: #fff;margin: 0px auto;;">
		<form class="form-horizontal"
			action=""
			enctype="multipart/form-data" method="post" id="flowerForm">
			<input type="hidden" name="flId" id="flId">
			<fieldset>
				<div id="legend" class="">
					<legend class="">表单名</legend>
				</div>
				<div class="control-group">

					<!-- Text input-->
					<label class="control-label" for="input01">姓名</label>
					<div class="controls">
						<input type="text" placeholder="请输入花名" name="flName" class="input-xlarge">
						<p class="help-block">花名必须为中文</p>
					</div>
				</div>

				<div class="control-group">

					<!-- Text input-->
					<label class="control-label" for="input01">价格</label>
					<div class="controls">
						<input type="text" placeholder="请输入价格" name="flPrice" class="input-xlarge">
						<p class="help-block">必须是1-100之间的数字</p>
					</div>
				</div>
				
				<div class="control-group">

					<!-- Text input-->
					<label class="control-label" for="input01">数量</label>
					<div class="controls">
						<input type="text" placeholder="请输入数量" name="flQuantity" class="input-xlarge">
						<p class="help-block">必须是1-100之间的数字</p>
					</div>
				</div>
				
				<div class="control-group">

					<!-- Text input-->
					<label class="control-label" for="input01">日期</label>
					<div class="controls">
						<input type="date" placeholder="请输入日期" name="flDateStr" class="input-xlarge">
						<p class="help-block"></p>
					</div>
				</div>
	 

	<div class="control-group">

		<!-- Select Basic -->
		<label class="control-label">类型</label>
		<div class="controls">
			<select class="input-xlarge" name="typeId" id="typeId">
				<option>请选择类型</option>
			</select>
		</div>

	</div>
	<div class="control-group">
		<label class="control-label">照片</label>

		<!-- File Upload -->
		<div class="controls">
			<input class="input-file" name="pic" id="fileInput" type="file">
		</div>
	</div>

	<div class="control-group">
		<label class="control-label"></label>

		<!-- Button -->
		<div class="controls">
			<input type="button" onclick="formSubmit()" class="btn btn-success" value="提交" />
		</div>
	</div>

	</fieldset>
	</form>

	</div>
	</div>
</body>
</html>